<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>


    <!-- 字体图标 -->
    <link rel="stylesheet" href="../static/plugins/font-awesome/css/font-awesome.min.css">
    <!-- 基类样式 -->
    <link rel="stylesheet" href="../static/css/base.css">

    <!-- 公共头 -->
    <link rel="stylesheet" href="../static/layout/head_tips.css">

    <!-- 首页样式 -->
    <link rel="stylesheet" href="../static/layout/main.css">


    <script src="../static/js/jquery.js"></script>

    <!-- 三方工具类 -->
    <script src="../static/js/lodash.js"></script>

    <!-- vue -->
    <script src="../static/plugins/iview/vue.min.js"></script>

    <script src="../static/js/jquery.slimscroll.js"></script>


    <link rel="stylesheet" href="../static/plugins/layer/skin/default/layer.css">
    <script src="../static/plugins/layer/layer.js"></script>


    <div class="container horizontal_side" id="app">

        <div id="top_tips_wrap" class="clearfix">
            <div class="top_tips_left fl wp40">
                <span>江苏梦神彩科技股份有限公司</span>
                <span>智慧环保</span>
            </div>
            <div class="top_tips_right  fr wp60 inline-block-container">



                <div id="fullscreen-toggler">
                    <i class="fa fa-user-circle-o"></i>
                    <span>全屏</span>
                </div>


                <div>
                    <i class="fa fa-user-circle-o"></i>
                    <span>收藏</span>
                </div>


                <div>
                    <i class="fa fa-user-circle-o"></i>
                    <span>
                                        <a href="help.html" target="_blank">帮助</a>
                                    </span>
                </div>

                <div>
                    <i class="fa fa-user-circle-o"></i>
                    <span>下载</span>
                    <i class="fa fa-angle-down"></i>
                    <ul>
                        <li>
                            <a href="">谷歌浏览器下载</a>
                        </li>
                        <li>
                            <a href="">IE浏览器下载</a>
                        </li>

                    </ul>
                </div>

                <div>
                    <i class="fa fa-user-circle-o"></i>
                    <span>王孟贵,您好</span>
                    <i class="fa fa-angle-down"></i>
                    <ul>
                        <li>
                            <a href="">人个信息</a>
                        </li>
                        <li>
                            <a href="">安全设置</a>
                        </li>

                    </ul>
                </div>


                <div>
                    <i class="fa fa-user-circle-o"></i>
                    <span>模板切换</span>
                    <i class="fa fa-angle-down"></i>
                    <ul>
                        <li>
                            <a href="side.html">侧边</a>
                        </li>
                        <li>
                            <a href="horizontal.html">水平横向</a>
                        </li>
                        <li>
                            <a href="horizontal_side.html">水平侧边</a>
                        </li>
                        <li>
                            <a href="side_cloud.html">云桌面</a>
                        </li>

                    </ul>
                </div>


            </div>
        </div>

        <div id="head_nav_wrap" class="inline-block-container clearfix">

            <div class="logo ohid clearfix">
                <span class="logo_big">
                    梦兰神彩
                </span>
                <span class="logo_small">梦</span>
            </div>
            <div class="toggle_slide clearfix">
                <div class="triangle"></div>
            </div>
            <!-- <ul class="nav inline-block-container  clearfix">
                <li class="each_nav_one">首页</li>
                <li class="each_nav_one">定时任务</li>
                <li class="each_nav_one">产品管理</li>
                <li class="each_nav_one">订单管理</li>
            </ul> -->

            <horizontal-nav-sc v-bind:menu-list="menuList"></horizontal-nav-sc>

            <div class="fun fr inline-block-container  clearfix">
                <div class="each_right_fun each_right_fun_search">
                    <input type="text" class="nav-search placeholder_white " placeholder="请输入内容">
                    <i class="fa fa-search"></i>
                </div>
                <div class="each_right_fun">
                    <i class="fa fa-bell"></i>
                    <ul class="each_right_fun_msg_ul">
                        <li>
                            <span>消息通知</span>
                            <a href="" class="c_3385ff">(21)</a>
                        </li>
                        <li>
                            <div class="top clearfix">
                                <span class="left_icon">
                                            
                                    </span>

                                <span>消息类型</span>
                                <span class="time">
                                        09-06
                                        12:00
                                    </span>
                            </div>
                            <div class="msg_content">
                                轻轻的我走了,正如我轻轻地来,我轻轻的招手,作别西天的云彩...
                            </div>
                        </li>
                        <li>
                            <div class="top clearfix">
                                <span class="left_icon">
                                                
                                        </span>

                                <span>消息类型</span>
                                <span class="time">
                                            09-06
                                            12:00
                                        </span>
                            </div>
                            <div class="msg_content">
                                轻轻的我走了,正如我轻轻地来,我轻轻的招手,作别西天的云彩...
                            </div>
                        </li>
                        <li>
                            <div class="top clearfix">
                                <span class="left_icon">
                                                    
                                            </span>

                                <span>消息类型</span>
                                <span class="time">
                                                09-06
                                                12:00
                                            </span>
                            </div>
                            <div class="msg_content">
                                轻轻的我走了,正如我轻轻地来,我轻轻的招手,作别西天的云彩...
                            </div>
                        </li>
                        <li>
                            <a href="">查看更多...</a>
                        </li>

                    </ul>
                </div>

                <a class="each_right_fun" href="../login/login.html">
                    <i class="fa fa-sign-out"></i>
                </a>
            </div>
        </div>

        <div id="main_wrap" class="clearfix">

            <div id="main_side">
                <side-menu-sc v-bind:menu-list="menuList"></side-menu-sc>
            </div>

            <div id="main_content">
                <main-content-sc v-bind:inner-page="innerPage"></main-content-sc>
            </div>

        </div>


    </div>

    <template id="side_menu_tpl" class="vue-tpl">
            
                    <ul class='nav_ul_one '>
    
                            <li v-for="(one,index) in activeOneItem.children" v-bind:data-id="one.id"  v-bind:data-pid="one.pid" v-bind:class="{ 'active': one.active }" v-on:click.stop="twoMenuClick(one,activeOneItemIndex)" >
                                    
                                <a class="f_item inline-block-container clearfix">
                                        <span class="icon_area"><i class="fa fa-bank"></i></span>
                                        <span class="menuName">{{ one.menuName }}</span>
                                    <i v-if="one.children!=null&&one.children.length>0" class="fa  nav-right-icon" v-bind:class="{ 'fa-angle-up': one.active,'fa-angle-down': !one.active }"></i>
                                </a>
                                
                                <ul v-if="one.children && one.children.length>0" class="nav_ul_two"  >
    
                                    <li v-for="(two,subIndex) in one.children" v-bind:class="{ 'active': two.active }"  v-bind:data-id="two.id"  v-bind:data-pid="one.pid" v-on:click.stop="twoMenuClick(two,subIndex,activeOneItemIndex)" >
                                            <span>{{ two.menuName }}</span>
                                        </a>
                                    </li>
    
                                </ul>
                                    
                            </li>
    
                        
                    </ul>
                
        </template>

    <template id="main_content_tpl" class="vue-tpl">
            
            <div id="main_iframe" v-bind:class="{'no_main_content_top':!(innerPage.hasTop),'no_main_content_title':!(innerPage.hasTitle)}">
    
                <div class="main_content_top" v-if="innerPage.hasTop" >
                    
                        <a v-if="innerPage.pages!=null&&innerPage.pages.length>5" class="backward" v-on:click.stop="backward_tabs">
                                <i class="fa fa-backward"></i>
                        </a>
                    <ul class="swiper-wrapper" v-if="innerPage.pages!=null&&innerPage.pages.length>0">
                        
                        <li  class="swiper-slide" v-bind:class="{'active':page.active}" v-for="(page,index) in innerPage.pages"  v-on:click.stop="changePageUrl(page)">
                            {{page.menuName}}
                            <i class="fa fa-times-circle" v-on:click.stop="delPage(page)"></i>
                        </li>
                    </ul>
                    <a v-if="innerPage.pages!=null&&innerPage.pages.length>5" class="forward" v-on:click.stop="forward_tabs">
                            <i class="fa fa-forward"></i>
                    </a>
                    <a class="downQuickOpeate fr" v-on:click.stop="closePage(3)">关闭当前
                            <i class="fa fa-angle-down">&nbsp;</i>
                            <ul>
                                <li v-on:click.stop="changeHasTop(0)">退出标签</li>
                                <li v-on:click.stop="closePage(2)">关闭其它</li>
                                <li v-on:click.stop="closePage(1)">关闭所有</li>
                            </ul>
                    </a>
                </div>
    
    
                <div class="main_content_tile" v-if="!innerPage.hasTop" >
                    <div id="banner-wrap" v-for="page in innerPage.pages" v-if="page.active==true">
                                <span  class="each-barner" v-for="path in page.menuPath">
                                        <i class="fa fa fa-th-large"></i>&nbsp;
                                        {{path}}
                                        
                                </span>
                                <span  class="each-barner">
                                    <i class="fa fa fa-th-large"></i>&nbsp;
                                    {{page.menuName}}
                                </span>
                        
                    </div>
                </div>
    
                <div id="content-main">
                    <iframe v-show="page.active==true" v-for="(page,index) in innerPage.pages" class="J_iframe" name="iframe0" width="100%" height="100%" v-bind:src="page.url" frameborder="0" v-bind:data-id="page.url" seamless></iframe>
                </div>
    
            </div>
        </template>

    <template id="horizontal_nav_tpl" class="vue-tpl">
        <ul v-if="menuList" class="nav  inline-block-container  clearfix">
                <li class="each_nav_one" v-bind:active="one.active" v-bind:index="index" v-for="(one,index) in menuList" v-on:click="setActiveIndex(index)">
                    {{one.menuName}}
                </li>
        </ul>
    </template>



    <!-- <script src="../static/layout/horizontal_side.js"></script> -->
    <script src="../static/layout/layoutComponent.js"></script>


</body>

</html>